<template>
    <view class="content">
        <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" id="navBar"> </van-nav-bar>
        <!-- <loading :loadingIsShow="loadingIsShow"></loading> -->
        <view class="main-container">
            <scroll-view :refresher-enabled="false" class="scroll-content" @scroll="scrollPage" scroll-y
                :lower-threshold="120" show-scrollbar="false">
                <loading :loadingIsShow="loadingIsShow" v-if="!isrefresher"></loading>
                <template v-show="loadingIsShow" >
                    <view class="scroll-box" >
                        <view class="userJudge_content">
                            <view class="judgeContainer">
                                <view class="userJudgeBox">
                                    <view class="user_judge_top">
                                        <view class="user_info">
                                            <view class="user_img"> <img :src="commentInfo.isAnonymous === 1 ? defaultAvatarUrl : (commentInfo.headUrl || defaultAvatarUrl)" alt=""> </view>
                                            <view class="user_nicheng"> {{ commentInfo.isAnonymous === 1 ? '匿名用户' : (commentInfo.nickName || '微信用户') }} </view>
                                        </view>
                                        <view class="user_judge_date">{{ commentInfo.mpComment.publishTime }} </view>
                                    </view>
                                    <view class="startIcon">
                                        <van-rate :value="commentInfo.mpComment.rating" readonly color="#FF9C00" void-icon="star"
                                            void-color="#eee" />
                                    </view>
                                    <view class="judge_item t12">{{ commentInfo.mpComment.content }}</view>
                                    <view class="judge_img t12"
                                        v-if="commentInfo.mpComment && commentInfo.mpComment.imageUrls && commentInfo.mpComment.imageUrlsList.length>0">
                                        <view class="judge_img_item" v-for="(i, j) in commentInfo.mpComment.imageUrlsList" :key="j">
                                            <img :src="i" alt="" mode="widthFix" />
                                        </view>
                                    </view>
                                </view>
                                <template v-if="commentInfo.mpComment && commentInfo.mpComment.hasFollowup == 1 && followupsInfo">
                                    <view class="follow-up-review">
                                        <view class="line"></view>
                                        <view class="userJudgeBox">
                                            <view class="reviewDate" style="margin-top: 0rpx;">
                                                <view class="today">{{followupsInfo.mpCommentsFollowups.formattedPublishTime}}追评 </view>
                                                <view class="user_judge_date" style="margin-top: 0rpx;">{{ followupsInfo.mpCommentsFollowups.publishTime }}</view>
                                            </view>
                                            <view class="startIcon">
                                                <van-rate :value="followupsInfo.mpCommentsFollowups.rating" readonly color="#FF9C00" void-icon="star" void-color="#eee" />
                                            </view>
                                            <view class="judge_item t12 " v-if="followupsInfo.mpCommentsFollowups && followupsInfo.mpCommentsFollowups.followupText">{{ followupsInfo.mpCommentsFollowups.followupText }}</view>
                                            <view class="judge_img t12"
                                                v-if="followupsInfo.mpCommentsFollowups&&followupsInfo.mpCommentsFollowups.imageUrls && followupsInfo.mpCommentsFollowups.followupsImageUrls.length>0">
                                                <view class="judge_img_item"
                                                    v-for="(ele, val) in followupsInfo.mpCommentsFollowups.followupsImageUrls" :key="val">
                                                    <img :src="ele" alt="" mode="widthFix" />
                                                </view>
                                            </view>
                                        </view>
                                    </view>
                                </template>
                                <view class="liulan">
                                    <view class="user_act">
                                        <view class="liulan_right" @click.stop="handlerLike(commentInfo.mpComment.id)">
                                            <view class="num">{{commentInfo.mpComment.likesCount }}</view>
                                            <view>
                                                <!-- // 0=未点赞 1=已点赞 -->
                                                <van-icon name="good-job-o" size="15" style="color:#888888 !important;" v-if="commentInfo.isLiked==0 || !commentInfo.isLiked" />
                                                <van-icon name="good-job" size="15" style="color:#FF6203 !important;" v-if="commentInfo.isLiked==1" />
                                            </view>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </template>
            </scroll-view>
        </view>

    </view>
</template>
  
<script>
import { topStyleWhite, topStyleBlack } from '@/utils/topColor'
import loading from '@/mycomponents/loading.vue'
import { timeFormatDay, timeFormat, } from '@/utils/public'
import {productLikeCommentApi,getCommentDetailApi} from '@/api/judge'
import { formatRelativeTime } from '@/utils/time-format-utility';
import { calculateTimeDiff } from '@/utils/timeUtils';
// import {formatDateSE} from '@/utils/timeUtils'

export default {
    components: {
        loading
    },
    data() {
        return {
            isrefresher: false,
            loadingIsShow: true,
            loadingIsShowPage: true,
            defaultAvatarUrl:"https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/defaultAvatar.png",

            title: '评价详情',
            scrolling: false,  //吸顶效果
            isLiked:'ture',
            judgeId:'',
            params:{},
            commentInfo: {
                // // userImg: require('../../static/judge/user.png'),
                // avatar: 'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/my/info.png',
                // nickname: 'a***aw',
                // createTime: '2024-04-12 20:30',
                // comment: '阿姨厨艺精湛，择菜、洗菜都很利索，做的饭菜色香味俱全，做晚饭还把厨房收拾的很干净aaaaaaaaa做的饭菜色香味俱全，做晚饭还把厨房收拾的很干净',
                // pics: [
                // 'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/judge01.png',
                // "https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/judge03.png"
                // ],
                // zhuipingList: [{
                //     followUpTime: '2024-04-12 20:50',
                //     followUpComment: '配料有当归 枸杞 黄芪 红枣等，真材实料～吃了一段时间,配料有当归 枸杞 黄芪 红枣等，真材实料～吃了一段时间',
                //     followUpPics: ['https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/judge01.png'],
                // }],
                // followUpComment: '配料有当归 枸杞 黄芪 红枣等，真材实料～吃了一段时间,配料有当归 枸杞 黄芪 红枣等，真材实料～吃了一段时间',
                // followUpIsReply: null,
                // followUpPics: ['https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/shangcheng/judge01.png'],
                // followUpReplyContent: null,
                // followUpReplyTime: null,
                // followUpTime:'2024-04-12 20:50',
                // productReplyLikesNum: 0,
                // replyLikes: false,
            },
            followupsInfo: {},
            isImgs:true,  //评论中是否有图片
            isFollowUpList:false, //是否有追评
            hasFollowUpImgs:false, //追评中是否有图片
            judgeImgS:[],
            productReplyLikesNum: 0,  //点赞数
            replyLikes: false, //是否点赞的标志
            timeDiffResult:'',
            replyId:undefined,
            commentData:{}

        }
    },
    computed: {
        preCalculatedTimeDiff() {
            return this.timeDiffResult; // 在模板中直接使用提前计算好的结果
        }
    },
    filters: {
        timeFormatDay(time1) {
            console.log('time1', time1)
            return timeFormatDay(time1)
        },
        timeFormat(time1) {
            console.log('time1', time1)
            return timeFormat(time1)
        },
        formatDateSE(time1){
            console.log('time1', time1)
            return formatDateSE(time1)
        },
        formatDateSE(timeStr) {
            if (timeStr !== null && timeStr !== undefined) {
                // const timeA=timeStr.replace(/-/g, '/')
                // const timeStrss = timeStr.replace('+0000', '');
                const date = new Date(timeStr);
                const year = date.getFullYear();
                const month = ("0" + (date.getMonth() + 1)).slice(-2);
                const day = ("0" + date.getDate()).slice(-2);
                const weekDay = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][date.getDay()];
                const hours = ("0" + date.getHours()).slice(-2);
                const minutes = ("0" + date.getMinutes()).slice(-2);
                const formatDate = `${year}.${month}.${day}  ${hours}:${minutes}`
                return formatDate;
            } else {
                console.error('传入的startTime格式不正确，期望为合法数字类型的时间戳');
                return ''
            }

        },

        toimg(text) {
            return weixinMojiTranslate(text)
        }
    },
    onLoad(data) {
        // 取到路由携带的参数
        if (data && data.params) {
            this.params = JSON.parse(decodeURIComponent(data.params))
            console.log(JSON.parse(decodeURIComponent(data.params)))
            console.log('params', this.params)
            this.judgeId=this.params.judgeId
        }
    },
    onShow( ) {
        const CommentDetail = this.getCommentDetailById(this.judgeId)
        Promise.all([CommentDetail]).then(() => {
            console.log('所有api加载完成')
            this.loadingIsShow = false
            this.loadingIsShowPage = false
            // 关闭加载状态 (转动的圈)，需要一点延时才能关闭
            this.time = setTimeout(e => {
                this.isrefresher = true
            }, 3000)
        })
        
    },
    onUnload () {
        if (this.timer) {
            clearTimeout(this.timer)
            this.timer = null
        }
    },
    onReady() {
        // const abnormal = this.getAbnormalDetailsMethod()
        // Promise.all([abnormal]).then(() => {
        //     console.log('所有api加载完成')
        //     this.loadingIsShow = false
        // })
        // this.getReplyDetailById()


        // // 判断评论是否有图片
        // if(this.userJudgeList.pics!==null && this.userJudgeList.pics!=='' && this.userJudgeList.pics!==undefined){
        //     this.isImgs=true
        //     if (typeof (this.userJudgeList.pics) === 'string') {
        //         this.userJudgeList.pics = JSON.parse(this.userJudgeList.pics)
        //     }                   
        // }else{
        //     this.isImgs=false
        // }
        // // 判断是否有追评
        // const isFollow =!this.areAllNull(this.userJudgeList.followUpComment, this.userJudgeList.followUpPics, this.userJudgeList.followUpTime);
        // // this.$set(this.userJudgeList, 'isFollowUpList', isFollow)
        // const newUserJudgeL = Object.assign({}, this.userJudgeList, {isFollowUpList: isFollow});
        // this.userJudgeList = newUserJudgeL;

        // // 处理追评与评论时间差
        // const time2 = this.userJudgeList.createTime
        // const time1 = this.userJudgeList.followUpTime
        // if (time1 === null || time2 === null) {
        //     return false
        // } else {
        //     const timeDiffResult = this.calculateTimeDiff(time1, time2)
        //     // this.$set(this.userJudgeList, 'timeDiffResult', timeDiffResult)
        //     const newUserJudge= Object.assign({}, this.userJudgeList, {timeDiffResult: timeDiffResult});
        //     this.userJudgeList = newUserJudge;
        // }

    },
    methods: {
        formatTime(timeStr) {
            if (!timeStr) return '';
            const time = timeStr.replace(/-/g, '/');
            console.log(time)
            const timestamp = new Date(time).getTime()
            return formatRelativeTime(timestamp);
        },
        formatDateAndTime(time1, time2) {
            return calculateTimeDiff(time1, time2);
        },
        // scrolltolower () {
        //     if (this.totalPage <= this.contentData.length) {
        //         this.isLoadAll = true
        //         this.biaozhi = 0
        //         this.loadingText = '没有更多数据啦~'
        //     } else {
        //         this.abnormalDetailsParamas.pageNum++
        //         this.isLoadAll = true
        //         this.loadingText = '加载中...'
        //         this.biaozhi = 1
        //         this.getAbnormalDetailsMethod()
        //     }
        // },

        // 互动页面
        scrollPage(e) {
            console.log(e.detail.scrollTop, this.scrolling)
            if (e.detail.scrollTop > 1 && !this.scrolling) {
                this.scrolling = true
            } else if ((e.detail.scrollTop <= 1 && this.scrolling) || (e.detail.scrollTop <= 1 && !this.scrolling)) {
                this.scrolling = false
            }
            // this.bgOpacity = `opacity:${1 - e.detail.scrollTop / this.navHeight}`
        },

        // 返回按钮
        onClickLeft() {
            uni.navigateBack()
        },

        // 点赞
        handlerLike(id){
            this.replyId=id
            if(this.commentInfo.isLiked==0){
                this.commentInfo.isLiked=1
                this.commentInfo.mpComment.likesCount=this.commentInfo.mpComment.likesCount+1
            }else{
                this.commentInfo.isLiked=0
                this.commentInfo.mpComment.likesCount=this.commentInfo.mpComment.likesCount-1
            }
            return new Promise((resolve, reject) => {
                const params={
                    commentId:this.replyId,
                    likeType:1    // 点赞类型(1=评论2=追评)
                }
                productLikeCommentApi(params).then((res) => {
                    console.log(res)
                    if (res.code === 200) {
                        console.log('res-----', res.data)
                        resolve(res)
                    } else {
                        reject(res)
                    }
                })
            })
        },
        // // 时间差计算
        // calculateTimeDiff(time1,time2) {
        //     console.log(time1,'time1',time2)
        //     // const timeStrss = time1.replace('+0000', '');
        //     // const timeStrss2=time2.replace('+0000', '');
        //     // var time = new Date(timeStrss).getTime();
        //     // var timess2=new Date(timeStrss2).getTime();
        //     var time = new Date(time1.replace(/-/g, '/').replace('+0000', '')).getTime()
        //     var timess2=new Date(time2.replace(/-/g, '/').replace('+0000', '')).getTime()
        //     console.log(time,timess2,'time')
        //     if (time > 0) {
        //         var result
        //         time = parseInt(time)
        //         var minute = 1000 * 60
        //         var hour = minute * 60
        //         var day = hour * 24
        //         var month = day * 30
        //         // var now = new Date().getTime()
        //         var diffValue = time - timess2
        //         if (diffValue < 0) {
        //             return
        //         }
        //         var monthC = diffValue / month
        //         var weekC = diffValue / (7 * day)
        //         var dayC = diffValue / day
        //         var hourC = diffValue / hour
        //         var minC = diffValue / minute

        //         if (monthC >= 1) {
        //             // if (monthC <= 12) {
        //             //     // result = "" + parseInt(monthC) + "月前";
        //             //     // result =time1.slice(5,19)
        //             //     let time2 = time1.slice(5, 10) + '日前'
        //             //     result = time2.replace('-', '月')
        //             // } else {
        //             //     // result = "" + parseInt(monthC / 12) + "年前";
        //             //     result = time1
        //             // }
        //             if (monthC <= 12) {  //未超过一年  08-09 11:09:09
        //             //  result = "" + parseInt(monthC) + "月前";
        //             // result =time1.slice(5,19)
        //              result = '' + parseInt(dayC) + '天后'
        //             } else { //超过一年  2022-08-25 11:26:09
        //             //  result = "" + parseInt(monthC / 12) + "年前";
        //             result =time1
        //             }
        //         } else if (weekC >= 1) {
        //             // let time2 = time1.slice(5, 10) + '日后'
        //             // result = time2.replace('-', '月')
        //             result = '' + parseInt(dayC) + '天后'
        //         } else if (dayC >= 1) {
        //             // if(parseInt(dayC)==1){
        //             //   // result = "" +  "昨天" +time1.slice(11,19);
        //             //   result = "" +  "昨天"
        //             // }else{
        //             //   result = time1.slice(5,19);
        //             // }
        //             result = '' + parseInt(dayC) + '天后'
        //         } else if (hourC >= 1) {
        //             // result = '' + parseInt(hourC) + '小时前'
        //              result = '' + 1 + '天内'
        //         } else if (minC >= 1) {
        //             result = '' + parseInt(minC) + '分钟内'
        //         } else {
        //             // result = '刚刚'
        //             result = '' + 1 + '分钟内'
        //         }
        //         return result
        //     } else {
        //         return ''
        //     }
        // },

        // 是否为null
        areAllNull(...args) {
            return args.every(arg => arg === null);
        },

        // 判断是否有图片
        handleImages(pics) {
            // 判断追评中是否有图片的逻辑
            let isPics;
            if (pics !== null && pics !== '' && pics !== undefined) {
                isPics = true;
            } else {
                isPics = false;
            }
            return isPics;
        },
        // getReplyDetailById(){
        //     return new Promise((resolve, reject) => {
        //         getReplyDetailByIdApi({id:this.judgeId}).then((res) => {
        //             console.log(res)
        //             if (res.code === 200) {
        //                 console.log('res-----', res.data)

        //                 this.userJudgeList=res.data.ebStoreProductReply
        //                 // 判断评论中是否有图片
        //                 // if(res.data.pics!==null && res.data.pics!=='' && res.data.pics!==undefined){
        //                 //     this.isImgs=true
        //                 //     if(typeof(res.data.pics)==='string'){
        //                 //         this.userJudgeList.pics=JSON.parse(this.userJudgeList.pics)                         
        //                 //     }
        //                 // }else{
        //                 //     this.isImgs=false
        //                 // }
        //                 const isImgsList=this.handleImages(this.userJudgeList.pics)
        //                 if(isImgsList){
        //                     if(typeof(res.data.ebStoreProductReply.pics)==='string'){
        //                         this.userJudgeList.pics=JSON.parse(this.userJudgeList.pics)                         
        //                     }
        //                 }

        //                 // 判断是否有追评信息
        //                 const isFollowUpList =!this.areAllNull(this.userJudgeList.followUpComment, this.userJudgeList.followUpPics, this.userJudgeList.followUpTime);
    
        //                 // 判断追评中是否有图片   是否都为null
        //                 const hasFollowUpImgs= !this.handleImages(res.data.followUpPics)
        //                 if(hasFollowUpImgs){
        //                     if(typeof(this.userJudgeList.followUpPics)==='string'){
        //                         this.userJudgeList.followUpPics=JSON.parse(this.userJudgeList.followUpPics)                         
        //                     }
        //                 }
        //                 // 处理追评与评论时间差
        //                 const time2 = this.userJudgeList.createTime
        //                 const time1 = this.userJudgeList.followUpTime
        //                 let timeDiffResult
        //                 try {
        //                     timeDiffResult = (time1 !== null && time2 !== null)
        //                         ? this.calculateTimeDiff(time1, time2)
        //                         : null;
        //                     // 后续处理逻辑保持不变
        //                 } catch (error) {
        //                     console.error('计算时间差出现错误：', error);
        //                     // 根据具体业务需求，这里可以设置合适的默认值或者进行其他错误处理操作
        //                     timeDiffResult = null;
        //                 }
                           

        //                 const newProperties = {
        //                     isImgsList:isImgsList,
        //                     timeDiffResult: timeDiffResult,
        //                     isFollowUpList: isFollowUpList,
        //                     hasFollowUpImgs:isFollowUpImgs
        //                 };
        //                 const newUserJudgeL = Object.assign({},  this.userJudgeList, newProperties);
        //                 this.userJudgeList=newUserJudgeL

        //                 this.replyLikes=res.data.replyLikes
        //                 this.productReplyLikesNum=res.data.productReplyLikesNum
                        
        //                 console.log(this.userJudgeList,'userJudgeList')
        //                 resolve(res)
        //             } else {
        //                 reject(res)
        //             }
        //         })
        //     })
            
        // },
        getCommentDetailById(commentId) {
            return new Promise((resolve, reject) => {
                getCommentDetailApi(commentId).then((res) => {
                    console.log(res)
                    if (res.code === 200) {
                        this.commentInfo = res?.data || null // 存储评论信息
                        this.commentInfo.mpComment.publishTime = this.formatTime(this.commentInfo.mpComment.createTime)
                        this.commentInfo.mpComment.imageUrlsList = this.commentInfo.mpComment.imageUrls ? this.commentInfo.mpComment.imageUrls.split(',') : []
                        this.followupsInfo = res?.data?.followupsInfo || null // 存储追评信息
                        if (this.commentInfo.mpComment.hasFollowup == 1 && this.followupsInfo!==null) {
                            this.followupsInfo.mpCommentsFollowups.publishTime = this.formatTime(this.followupsInfo.mpCommentsFollowups.followupTime)
                            this.followupsInfo.mpCommentsFollowups.formattedPublishTime = this.formatDateAndTime(this.followupsInfo.mpCommentsFollowups.followupTime, res?.data?.commentInfo?.mpComment.createTime)
                            // this.followupsInfo.mpCommentsFollowups.hasFollowUpsImgs = this.handleImages(this.followupsInfo.mpCommentsFollowups.imageUrls)
                            this.followupsInfo.mpCommentsFollowups.followupsImageUrls = this.followupsInfo.mpCommentsFollowups.imageUrls ? this.followupsInfo.mpCommentsFollowups.imageUrls.split(',') : []
                        }
                        console.log(this.commentInfo, 'commentInfo', this.followupsInfo, 'this.followupsInfo')
                        this.commentInfo.isAnonymous = res?.data?.mpComment.isAnonymous
                        this.commentInfo.headUrl = res?.data?.wxUserInfo?.avatarUrl || this.defaultAvatarUrl
                        this.commentInfo.nickName =res?.data?.wxUserInfo?.nickName || '匿名用户'
                        if (!this.commentInfo.isLiked){
                            this.commentInfo.isLiked = 0
                        }

                        resolve(res)
                    } else {
                        reject(res)
                    }
                })
            })
        },
      
    }
}
</script>

<style lang="scss" scoped>
.content {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100vh;
    overflow: hidden;
    z-index: -2;
    background-color: #ffffff;
    background-size: 100%;

}

.main-container {
    // background: white;
    background-color: #ffffff;
    box-shadow: 0px 4px 10px rgba(61, 92, 153, 0.1);
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    // padding-bottom: 64px;
}


.topBox {
    width: 100%;
    // padding: 20px 18px 12px 18px;
    padding: 10px 24px 10px 24px;


    // 全部分类  menu
    .sort-menu {
        // margin-bottom: 23px;  //放到下一行的 综合 按钮部分
        display: flex;


        .sort_option {
            //   flex: 1;
            // font-weight: bolder;
            line-height: 14px;
            font-size: 14px;
            text-align: left;
            color: #666666;
            margin-right: 39px;
        }

        .sort_option_selected {
            // font-weight: 900;
            font-weight: bolder;
            text-align: left;
            color: #111111;
            font-size: 18px;
            line-height: 18px;
        }
    }


    // 综合  销量  价格按钮
    .goods_filter {
        margin-top: 23px;
        display: flex;
        color: #333333;

        .filter_option {
            // font-weight: bold;
            font-size: 14px;
            text-align: left;
            color: #666666;
            border: 1px solid #e1e1e1;
            border-radius: 25px;
            margin-right: 10px;
            height: 24px;
            line-height: 24px;
            padding-left: 9px;
            padding-right: 9px;
        }

        .filter_option_selected:last-child {
            margin-right: 0px;
        }

        .filter_option_selected {
            border: 1px solid #111111;
            font-size: 14px;
            color: #111111;
            // font-weight: 500;
        }
    }
}

// 滚动
.scroll-content {
    flex: 1;
    height: 1px;
}

.scroll-box {
    height: 100vh;
}

.userJudge_content {
    position: relative;
    background: #ffffff;
    padding-bottom: 12px;

    .judgeContainer {
        margin-bottom: 10px;
        background: #ffffff;
        padding-left: 24px;
        padding-right: 24px;
        // 第一次评价
        .userJudgeBox {
            padding: 26rpx 0rpx;
        }

        // 评价人的信息 时间
        .user_judge_top {
            display: flex;
            flex-direction: column;

            .user_info {
                display: flex;
                margin-bottom: 12px;

                .user_img {
                    height: 48px;
                    line-height: 48px;
                    border-radius: 50%;

                    img {
                        width: 48px;
                        height: 48px;
                        border-radius: 50%;
                    }
                }

                .user_nicheng {
                    font-weight: bolder;
                    font-size: 14px;
                    line-height: 48px;
                    text-align: left;
                    color: #111111;
                    margin-left: 13px;
                }

            }

        }

        .user_judge_date {
            font-size: 24rpx;
            text-align: left;
            color: #666666;
            line-height: 24rpx;
        }

        // 评价内容的文字
        .judge_item {
            color: #111111;
            font-size: 12px;
            text-align: left;
            max-width: 100%;
        }

        // 评价内容的三张图
        .judge_img {
            display: flex;

            .judge_img_item {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-right: 6rpx;
                // width: 33%;
                width: calc((100% - 12rpx) / 3);
            }

            .judge_img_item:last-child {
                margin-right: 0px;
            }

            img {
                width: 100%;
                border-radius: 10rpx;
            }
        }

        // zhuiping
        .follow-up-review { }

        // 追评内容
        .line {
            height: 2px;
            width: 100%;
            background: #f0f0f0;
        }

        // 追评时间
        .reviewDate {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 12px;
            height: 14px;
            line-height: 14px;

            .today {
                font-size: 14px;
                text-align: left;
                color: #FF6203;
                line-height: 14px;
            }
        }

        .liulan {
            height: 26px;
            line-height: 13px;
            // padding-top: 13px;
            padding-bottom: 13px;

            .user_act {
                float: right;
                display: flex;
                align-items: center;
                height: 13px;

                img {
                    width: 15px;
                    height: 13px;
                }

                .liulan_left {
                    display: flex;
                    margin-right: 17px;
                    line-height: 13px;
                    align-items: center;
                }

                .liulan_right {
                    display: flex;
                    line-height: 28rpx;
                    align-items: center;
                }
       

                .num {
                    margin-right: 7px;
                    font-size: 22rpx;
                    line-height: 22rpx;
                    text-align: right;
                    color: #666666;
                }
            }

        }

    }

    // .judgeContainer:last-child {
    //     margin-bottom: 0px;
    // }
}
.startIcon{
    display: flex;
    height:32rpx;
    align-items: center;
    margin-top: 30rpx;
}
::v-deep .van-rate{
    font-size: 32rpx;
    line-height: 32rpx;
}
::v-deep .van-rate__icon{
    font-size: 32rpx;
    line-height: 32rpx;
}



.loading {
    text-align: center;
    margin-top: 16px;
    color: #242629;
    font-size: 14px;
}

::v-deep .van-nav-bar__left {
    width: 56px;
    height: 44px;
}

::v-deep #navBar .van-icon {
    color: #242629 !important;
}

::v-deep .liulan_right .van-icon{
    font-size: 28rpx;
}
::v-deep .van-nav-bar__title {
    font-size: 14px;
    color: #333333;
}

::v-deep .van-empty__image {
    width: 150px;
    height: 100px;

}



.pl15 {
    padding-left: 15px;
}

.b12 {
    margin-bottom: 12px;
}

.t12 {
    margin-top: 12px;
}
</style>
    
